body, html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}

.page,.page-group{
    background:#F5F5F5;
}
.list-block{
    margin-top: 0rem;
}

/*color: #E63D18;*/
/*nav 导航高亮处理*/

.xgj-index a.index-bar,
.xgj-order a.order-bar,
.xgj-my a.my-bar
{
    color: #E77D00;
}
.xgj-my a.external{
    color: #3d4145;

}

.xgj-title {
  text-align: center;
  font-size: 24px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

.xgj-sub-title {
  text-align: center;
  color: #888;
  font-size: 14px;
}

.xgj-header {
  padding: 25px 0;
}

.xgj-content-padded {
  padding: 15px;
}

.xgj-second-title {
  text-align: center;
  font-size: 24px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}
/*幻灯片*/
.swiper-container {
    width: 100%;
    height: 150px;

}
.xgj-index-btns {
    margin:0 0 0.5rem 0;
    padding:0.5rem;
    background-color: #F2F2F2; 
}
.xgj-index-btns .row{
    text-align: center;
}
.grid-demo{
}
.grid-demo .row {
  text-align: center;
}
.grid-demo .row + .row {
  margin-top: 0.75rem;
}
.grid-demo .row > [class*=col-] {
  border: 0px solid #ddd;
}
.icons-demo .icon {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0.15rem 0.15rem 0rem 0.15rem;
  font-size: 1.2rem;
  line-height: 2.5rem;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 1.25rem;
  display: inline-block;
}
.icons-demo .icon-title {
    font-size: 0.55rem;
    color: rgb(0, 0, 0);
    display: inline-block;
    padding-top: .3rem;
}
.xgj-card p{
    margin:.2rem 0;
}
.xgj-card .card-header{
    color:#E63D18;
}
.xgj-card .card-header span:before{
    content: "| ";
    font-size: 1rem;
    font-weight: bold;
    line-height: 1rem;
}
.xgj-index .card{
    background-color: #F2F2F2; 
    margin:0 0 0.5rem 0;
}
.list-block {
    font-size: .75rem;
}
.right-text{
    color:red;
}


/*订单 order.html*/
.xgj-order .list-block{
}
.xgj-order .list-block ul{
    background-color: #DCDCDC;
}
.xgj-order .list-block li {
    margin-bottom: 0.2rem;
    background-color: #fff;
}
.xgj-order .buttons-tab .button.active{
    color:#E63D18;
    border-color: #E63D18;
}
.divier{
    height: 0.05rem;
    width: 100%;
    clear: both;
    background-color: #D0D0D0;
}
.item-order-tit{
    padding: .75rem; 
    font-size: 0.7rem;
    height: 0.7rem;
    line-height: 0.2rem;
}
.item-order-tit a{
    color: #0894ec;
    font-size: 0.4rem;
}
.btn-cancel-disable{
    border:1px solid #DCDCDC;
    color: #D0D0D0;
    margin-right: .5rem;
}
.btn-cancel-enable{
    border:1px solid #D0D0D0;
    color: #000;
    font-size: .6rem;
    margin-right: .5rem;
}
.xgj-order .list-block .item-subtitle{
    font-size: 0.65rem;
    color: #4D4D4D;
}
.xgj-order .order-pay-btn{
    background-color: #E77D00;
    color: #fff;
}
.xgj-order .order-service-confirm{
    background-color: #E77D00;
    color: #fff;
}
.xgj-order .no-order span.icon,
.xgj-addAdress-list .no-order span.icon{
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 8rem;
    color: #D0D0D0;
}
.xgj-order .no-order span.tab-label,
.xgj-addAdress-list .no-order span.tab-label
{
    text-align: center;
    display: block;
    margin: 0 auto;
    color: #D0D0D0;
}
.xgj-addAdress-list .no-order span.tab-label
{
    margin-top:-2rem;
}
.xgj-order .card{
    margin:0 0 .2rem 0;
    background-color: #fff;
}
.xgj-order .card .card-footer a{
    display: inline-block;
}
.xgj-order .card .item-title-row .item-title{
    font-weight: bold;
    color: #3A3A3A;
}
.xgj-order .card .item-title-row .pull-right{
    font-size: .75rem;
    color: #3A3A3A;
}
.xgj-order .card .item-order-no{
    color: #7F7F7F;
    font-size: .8rem;
    margin-bottom: .1rem;
    margin-top: .4rem;
}
.xgj-order .card .item-order-time{
    color: #7F7F7F;
    font-size: .8rem;
    margin-bottom: .1rem;
}
.xgj-order .card .item-order-money{
    color: #7F7F7F;
    font-size: .8rem;
}


/*我的 my.html*/
.xgj-my .list-block{
    margin-top: 0rem;
}
.xgj-my .list-block .item-content{
    padding-left: 0;
}
.xgj-my .item-title img.avatar,
.xgj-orderDetal .item-media img.avatar{
    float: left;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: inline-block;
    max-width: 100%;
    padding: 2px;
    line-height: 1.6;
    background-color: #fff;
    border:1px solid #ddd;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
}
.xgj-my .item-title .info{
  display: block;
  float: left;
  padding-left: 0.6rem;
}
.xgj-my .item-title p{
  margin: 0.5rem 0;
}
.xgj-my .item-title p.username{
  font-size: 0.9rem;
  color: #3A3A3A;
}
.xgj-my .item-title p.phone{
  font-size: 0.7rem;
  color: #7F7F7F
}
.xgj-my .item-title span{
    display: block;
    margin-left: 0.5rem;
    height: 4rem;
    float: left;
    line-height: 4rem;
}
.xgj-my .list-block .item-inner{
    padding-left: .75rem;
}
.right-link{
  color: #B7B7B7;
  font-size: 0.7rem;
}

.btn-yzm{
    margin-top: .1rem;
    font-size: .55rem;
    height: 1.9rem;
    line-height: 1.9rem;
    color:  #E63D18;
    border:1px solid #E63D18;
}
.btn-reg-confim{
    margin-top: 6rem;
    background-color: #4DC160;
    height: 1.9rem;
    line-height: 1.9rem;
    color:#fff;
    border:1px solid #4DC160;
}
.xgj-reg .content-block{
    margin:0;
}
.xgj-reg .list-block .item-title.label
{
  width:20%;
}

.btn-disable{
    background-color: #D0D0D0;
    border:1px solid #525252;
    color: #4D4D4D;
}
.xgj-about textarea{
    width: 100%;
    height: 10rem;
    color: #4D4D4D;
}
.xgj-suggest textarea{
    width: 100%;
    height: 10rem;
    color: #4D4D4D;
}
.btn-sug{
    margin-top:12rem;
}
.xgj-order-select .xgj-bar-btn a{
    line-height: 2.5rem;
    letter-spacing: .1rem;

}
.xgj-order-select .xgj-bar-btn {

}
.xgj-addAdress-list .xgj-bar-btn{
    line-height: -1rem;
}
.xgj-addAdress .xgj-bar-btn,
.xgj-addAdress-list .xgj-bar-btn,
.xgj-editAdress .xgj-bar-btn,
.xgj-gotopay .xgj-bar-btn,
.xgj-order-assess .xgj-bar-btn,
.xgj-order-select .xgj-bar-btn,
.xgj-order-assess-4star .xgj-bar-btn
{
  text-align: center;
  background-color: #E77D00;

}
.xgj-addAdress .xgj-bar-btn  a,
.xgj-addAdress-list .xgj-bar-btn a,
.xgj-editAdress .xgj-bar-btn a,
.xgj-gotopay .xgj-bar-btn a,
.xgj-order-assess .xgj-bar-btn a,
.xgj-order-select .xgj-bar-btn a,
.xgj-order-assess-4star .xgj-bar-btn a
{
  color: #FFFFFF;
}
.xgj-order-select .item-after{
    margin-left:0;
}
.xgj-addAdress textarea{
  height: 3.5rem;
}

.xgj-addAdress .list-block .item-title.label
{
  width:25%;
}
.xgj-addAdress-list .list-block .item-title.label
{
  width:25%;
}
.address-detail{
  font-size: 0.8rem;
}
.xgj-addAdress-list .list-block p{
    font-size: 0.8rem;
    color: #4D4D4D;
    height: .8rem;
    line-height: .8rem;
}
.xgj-addAdress-list .divier{
    height: 0.05rem;
    width: 95%;
    clear: both;
    margin: 0 auto;
    background-color: #F5F5F5;
}
.xgj-addAdress-list .list-block .item-address-btm{
  padding: 0.1rem 1rem;
  background-color: #fff;
  font-size: .6rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
.xgj-addAdress-list .list-block .item-address-btm a{
    color:#868686;
    margin-right: 1rem;
}
.xgj-addAdress-list .list-block .item-address-btm .pull-left span{
  line-height: .5rem;
}
.xgj-addAdress-list .list-block li{
  margin-bottom: .3rem;
  background-color: #fff;
}
.xgj-addAdress-list .list-block ul{
  background:#F5F5F5;
}

.adress-defult-active{
    color: #E77D00;
}
.xgj-index .popup{
    bottom: 0;
    height: 60%;
    z-index: 10200;
}
.xgj-orderDetal .bar  a,
.xgj-order-confirm .bar  a{
    text-align: center;
    display: block;
    line-height: 2.4rem;
    height: 2.4rem;
}


.xgj-orderDetal .bar .item-inner-left-enable a{
  color: #000;
  border-right: 2px solid #FF4C01;
  background-color: #fff;
}
.xgj-orderDetal .bar .item-inner-left-disable a{
    color: #6d6d72;
    background-color: #D0D0D0;
}
.xgj-orderDetal .bar .item-inner-right a{
  color: #000;
  background-color: #fff;
    display: inline-block;
}
.xgj-orderDetal .content-block{
    margin: 0;
}
.xgj-orderDetal .content-block  {
    background-color: #fff;
    padding-bottom: .4rem;
    margin-bottom: .4rem;
}
.xgj-orderDetal .content-block .icon{
    text-align: center;
     margin: 0 auto;
    display: block;
    font-size: 4rem;
    height: 4.5rem;
}
.xgj-orderDetal .content-block span.tab-label{
    text-align: center;
    display: block;
    margin: .5rem auto 0 auto;
    color: #000;
}
.xgj-orderDetal .content-block p{
    text-align: center;
    margin: 0;
}
.xgj-orderDetal .item-content p{
    display: block;
    width: 100%;
    margin: 0;
}
.xgj-orderDetal .pull-right a{
    border:1px solid #000;
    font-size: .75rem;
    line-height: 2rem;
    height: 2.4rem;
    padding:.3rem;
}


.logout-btn{
    margin-top: 6rem;
    background-color: #F43232;
    height: 1.9rem;
    line-height: 1.9rem;
    color:#fff;
    border:1px solid #F43232;
}
.list-block .item-after{
    color: #B7B7B7;
    font-size: .7rem;
}
.xgj-orderDetal .list-block .card{
  margin:0 0 .5rem 0;
}
.xgj-orderDetal .list-block .card .item-subtitle{
  margin-top: .2rem;
  color: #848484;
  font-size: .8rem;
}
.xgj-orderDetal .list-block .item-title.label,
.xgj-orderDetal .item-content label{
    width: 24%;
}
.xgj-orderDetal .list-block {
  margin:0;
}
.xgj-orderDetal .item-after .sms{
    margin-right: .5rem;
}
.xgj-orderDetal .item-after a{
    color: #72D0A2;
    font-size: 2.5rem;
    height: 2.5rem;
    line-height: 1.5rem;
}
.xgj-orderDetal  .item-order-star{
  margin: .2rem 0;
}
.xgj-orderDetal textarea{
  min-height: .8rem;
}
.xgj-orderDetal .list-block .item-content{
    padding-right: .75rem;
}
.xgj-gotopay .list-block .item-after{
    color: #7F7F7F;
    font-size: .7rem;
}

.xgj-order-assess .list-block .label
{
  width:25%;
}
.xgj-order-assess .list-block{
  margin: 0;
}
.xgj-order-assess ul{
    background:#F5F5F5;
}
.xgj-order-assess ul li{
    background:#fff;
}
.xgj-order-assess .item-pijia-img{
  padding: .55rem 0 .55rem 0;
}
.xgj-order-assess .item-pijia-img img{
    float: left;
    width: 3rem;
    height: 3rem;
    display: inline-block;
    max-width: 100%;
    padding: 2px;
    line-height: 1.6;
    background-color: #fff;
    border:1px solid #ddd;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
}
.xgj-order-assess .item-pijia-img span{
  font-size: 2.8rem;
  height: 3rem;
  line-height:3.3rem;
  margin-left: .2rem;
}

.xgj-order-confirm .list-block .adress-detail textarea{
  height: 2rem;
}
.xgj-order-confirm .item-inner .label{
  width:25%;
}
.xgj-order-confirm .bar .item-inner-left a{
  color: #424242;
  background-color: #fff;
  font-weight: bold;
}
.xgj-order-confirm .bar .item-inner-left a span{
  color: #E77D00;
}
.xgj-order-confirm .bar .item-inner-right a{
  color: #fff;
  background-color: #E77D00;
}
.xgj-order-confirm .list-block{
  margin:0;
}
.xgj-order-confirm .item-confirm-img {
  padding: .2rem;
  height: 10rem;
}
.xgj-order-confirm .item-confirm-img span{
  font-size: 4.2rem;
  height: 4.2rem;
  line-height:4.5rem;
  margin-left: .2rem;
}
.xgj-order-confirm .item-confirm-img img{
    float: left;
    width: 4.2rem;
    height: 4.2rem;
    display: inline-block;
    max-width: 100%;
    padding: 2px;
    line-height: 1.6;
    background-color: #fff;
    border:1px solid #ddd;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
}
.xgj-order-confirm .card{
  margin:.5rem 0 0 0;
}


.xgj-order-confirm .card-content {
  padding: .75rem;
}
.confirm-liuyan .card-content{
     padding: 0;
}
.confirm-liuyan .list-block textarea{
    padding-top: 0;
    font-size: .8rem;
}
.my-button {
    width: 50%;
    display: block;
}



.xgj-order-confirm .card-content .row{
  border:.01rem solid #DFDFDF;
  margin-left: 0;
  font-size: .75rem;
  text-align: center;
}
.xgj-order-confirm .card-content .row div{
  text-align: center;
  padding: .2rem;
  border-right: .01rem solid #DFDFDF;
}
.xgj-order-confirm .card-content .last div{
  border-right: none;
}
.xgj-order-confirm .card-content .row span{
    display: block;
}

.count {
    width: 90px;
}
.count .add, .count input, .count .reduce {
    float: left;
    margin-right: -1px;
    position: relative;
    z-index: 0;
}
.count .add, .count .reduce {
    height: 23px;
    width: 17px;
    border: 1px solid #e5e5e5;
    background: #f0f0f0;
    text-align: center;
    line-height: 23px;
    color: #444;
}
.count .add:hover, .count .reduce:hover {
    color: #f50;
    z-index: 3;
    border-color: #f60;
    cursor: pointer;
}
.count input {
    width: 50px;
    height: 15px;
    line-height: 15px;
    border: 1px solid #aaa;
    color: #343434;
    text-align: center;
    padding: 4px 0;
    background-color: #fff;
    z-index: 2;
}



/**/
/* 星星点灯照亮我的家门 */
.star_bg {
    width: 120px; height: 20px;
    /*width: 1rem; height:  1rem;*/
    background: url(../images/demo/star.png) repeat-x;
    position: relative;
    overflow: hidden;
}

.star {
    height: 100%; width: 24px;
    line-height: 6em;
    position: absolute;
    z-index: 3;
}
.star:hover {    
    background: url(../images/demo/star.png) repeat-x 0 -20px!important;
    left: 0; z-index: 2;
}
.star_1 { left: 0; }
.star_2 { left: 24px; }
.star_3 { left: 48px; }
.star_4 { left: 72px; }
.star_5 { left: 96px; }
.star_1:hover { width: 24px; }
.star_2:hover { width: 48px; }
.star_3:hover { width: 72px; }
.star_4:hover { width: 96px; }
.star_5:hover { width: 120px; }

label { 
    display: block; _display:inline;
    height: 100%; width: 100%;
    cursor: pointer;
}

/* 幕后的英雄，单选按钮 */
.score { position: absolute; clip: rect(0 0 0 0); }
.score:checked + .star {    
    background: url(../images/demo/star.png) repeat-x 0 -20px;
    left: 0; z-index: 1;
}
.score_1:checked ~ .star_1 { width: 24px; }
.score_2:checked ~ .star_2 { width: 48px; }
.score_3:checked ~ .star_3 { width: 72px; }
.score_4:checked ~ .star_4 { width: 96px; }
.score_5:checked ~ .star_5 { width: 120px; }

.star_bg:hover .star {  background-image: none; }

/* for IE6-IE8 JS 交互 */
.star_checked {    
    background: url(../images/demo/star.png) repeat-x 0 -20px;
    left: 0; z-index: 1;
}

/*新的评价页面*/
#my-star .target-demo{
    margin:0 auto;
}
#my-star .hint{
            height:1.2rem;line-height:1.2rem;
            margin: .5rem auto .5rem auto;text-align: left;
        }
#my-star div.tag {
    margin-top: .2rem;
    padding: 0 .4rem;
}

#my-star .content-block {
    margin: 0;
}
#my-star .content-block a{

}

.xgj-order-assess-4star .item-pijia-img{
  padding: .55rem 0 .55rem 0;
}

.xgj-order-assess-4star .button{
    border:1px solid #E77D00;
    color: #E77D00;
}
.xgj-order-assess-4star .button-gray{
    border:1px solid #cfcfcf;
    color: #666;
}
.xgj-order-assess-4star textarea{
    font-size: .75rem;
}
.xgj-order-assess-4star .item-pijia-img img{
    float: left;
    width: 3rem;
    height: 3rem;
    display: inline-block;
    max-width: 100%;
    padding: 2px;
    line-height: 1.6;
    background-color: #fff;
    border:1px solid #ddd;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
}
.xgj-order-assess-4star .item-pijia-img span{
  font-size: 2.8rem;
  height: 3rem;
  line-height:3.3rem;
  margin-left: .2rem;
}
 .xgj-order-assess-4star .list-block textarea{
    height: 6rem;
 }








